<!DOCTYPE html>
<html lang="zh">
<head>
    <th:block th:include="include :: header('业务流程工作区')"/>
    <style>
        .mask {
            position: absolute;
            width: 100%;
            height: 300%;
            z-index: 1;
            filter: alpha(opacity=0);
            opacity: 0.2;
            background: #fbf6ff;
        }
    </style>
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeIn" style="height: 100%">
    <div class="col-sm-12" style="height: 100%">
        <input name="applyId" id="applyId" th:value="${instanceId}" type="hidden">
        <input name="versionId" id="versionId" th:value="${versionId}" type="hidden">
        <input name="instanceId" id="instanceId" th:value="${instanceId}" type="hidden">
        <input name="stepId" id="stepId" th:value="${stepId}" type="hidden">
        <div class="tabs-container" id="pageTab" style="height: 100%">
            <ul class="nav nav-tabs" id="pageTabList" th:with="type=${pageList}">
                <li th:each="page : ${type}" th:if="${page.orderNum} == 1" class="active" th:title="${page.pageName}"
                    th:validate="${page.isCheck}">
                    <a data-toggle="tab" th:href="${page.tabHref}" aria-expanded="true">[[${page.pageName}]]</a>
                </li>
                <li th:each="page : ${type}" th:title="${page.pageName}" th:validate="${page.isCheck}"
                    th:if="${page.orderNum} > 1">
                    <a data-toggle="tab" th:id="${page.pageId}" th:href="${page.tabHref}" aria-expanded="true">[[${page.pageName}]]</a>
                </li>
                <li title="影像资料" validate="1">
                    <a data-toggle="tab" th:id="doc" href="#doc_upload" aria-expanded="true">影像资料</a>
                </li>
            </ul>
            <div class="tab-content" id="tab-content-list" style="height: 300%" th:with="pageList=${pageList}">
                <div th:each="page : ${pageList}" th:id="${page.tabId}" th:if="${page.orderNum} == 1"
                     class="tab-pane active" style="height: 100%">
                    <div class="mask">
                    </div>
                    <iframe align="center" width="100%" th:id="${page.tabId}+iframe" height="100%"
                            th:src="@{${page.pcPageUrl}+${instanceId}}"
                            frameborder="no"
                            border="0" marginwidth="0" marginheight="0" scrolling="yes">
                    </iframe>
                </div>
                <div th:each="page : ${pageList}" th:id="${page.tabId}" th:if="${page.orderNum} > 1"
                     class="tab-pane"
                     style="height: 100%">
                    <div class="mask">
                    </div>
                    <iframe align="center" width="100%" th:id="${page.tabId}+iframe" height="900%"
                            th:src="@{${page.pcPageUrl}+${instanceId}}"
                            frameborder="no"
                            border="0" marginwidth="0" marginheight="0" scrolling="no">
                    </iframe>
                </div>
                <div class="tab-pane" id="doc_upload" style="height: 100%">
                    <iframe id="doc_upload_iframe" width="100%" height="100%"
                            th:src="@{'/busiflw/docReg/hisDocReg/'+${versionId}+'/'+${instanceId}+'/'+${stepId}}"
                            frameborder="0" border="0" marginwidth="0" marginheight="0">
                    </iframe>
                </div>
            </div>
        </div>
    </div>
</div>
<th:block th:include="include :: footer"/>
<script type="text/javascript">
</script>
</body>
</html>
